<!DOCTYPE html>
<html lang="en-US" dir="ltr">
	<head>
		<meta charset="utf-8" />
		<title>Uix Kit Demo</title>	
        
		<!-- Mobile Settings
		============================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- Mobile Settings end -->
        
        
		<!-- Core library
		============================================= -->
		<script src="assets/js/wp-jquery/jquery.min.js?ver=2.1.3"></script>
		<script src="assets/js/wp-jquery/jquery.migrate.min.js?ver=1.4.1"></script>
        <script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>
        <!-- Core library  end -->
        
        
        
        
        
		<!-- Compatibility
		============================================= -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
        
        <!--[if lt IE 9]>
            <script src='assets/js/min/respond.min.js?ver=1.4.2'></script>
        <![endif]-->
        
        <!-- Compatibility  end -->



		<!-- Web Fonts
		============================================= -->
        <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
        <!-- Web Fonts  end -->
        
		<!-- Core & Theme CSS
		============================================= -->
        
        <!-- Basic  -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css?ver=3.3.7" media="all"/>
        <link rel="stylesheet" href="assets/css/video.min.css?ver=5.19" media="all"/>
        <link rel="stylesheet" href="assets/css/flexslider.min.css?ver=2.6.2" media="all" />
		<link rel="stylesheet" href="assets/css/animate.min.css?ver=3.5.2" media="all" />
        
        
        <!-- Icons  -->
        <link rel="stylesheet" href="assets/fonts/fontawesome/font-awesome.min.css?ver=4.7" media="all" /> 
        
       
        <!-- Theme  -->
        <link rel="stylesheet" href="assets/css/uix-kit.min.css?ver=MTUxOTgwNTQ3OTQxMQ"/>
        
        
         <!--[if lt IE 10]>
           <link rel="stylesheet" href="assets/css/uix-kit.IE.css?ver=MTUxOTgwNTQ3OTQxMQ" />
        <![endif]-->
        
        
        <!-- Core & Theme CSS  end -->
        
            
            
		<!-- SEO
		============================================= -->
        <meta name="description" content="Free Responsive HTML5 UI Kit for Fast Web Design Based On Bootstrap">
        <meta name="generator" content="Uix Kit" />  
        <meta name="author" content="UIUX Lab"> 
        <link rel="canonical" href="https://uiux.cc" />
        <!-- SEO  end -->
  
        
		<!-- Favicons
		============================================= -->
        <link rel="icon" href="assets/images/favicon/favicon-32x32.png" type="image/x-icon">
        <link rel="shortcut icon" href="assets/images/favicon/favicon-32x32.png" sizes="32x32">
        <link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">
        <!-- Favicons  end -->
     
  
  </head>     
  
     
  <body class="page">
  
  
          
              
    <!-- Loader
    ============================================= -->      
    <div class="loader">
        <!--[if lt IE 10]>
            <span>Loading...</span>
        <![endif]-->
        <svg class="spinner-container IE-hide" viewBox="0 0 52 52">
			<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"></path>
        </svg>
    </div>
    <!-- .loader end -->
    

    <!-- Mobile Menu Toggle
    ============================================= -->    
	<div class="menu-mobile-toggle">
		<span></span>
		<span></span>
		<span></span>
	</div>
    <div class="menu-mobile-mask"></div>
	<!-- .menu-mobile-toggle end -->


    
    

  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                                                <div class="brand">
                            <a href="index.html"><img src="assets/images/logo.png" alt="Uix Kit Demo"></a>                       
                        </div>
                        <!-- .logo end -->
                        
                        
                        
                        <!-- Navigation Start-->
                        
                        <nav class="menu-container transition">
                               
                               <div class="inner">
                               
									<span class="mobile-brand"></span>
									<ul class="menu-main"> 
										<li class="multi-column current-menu-item"><a href="index.html">Components</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Grid &  Extension</span></li>
														<li><a href="seamless-grid.html">Seamless Grid</a></li>
														<li><a href="bootstrap-grid.html">Bootstrap Grid</a></li>
														<li><a href="material-container.html">Material Container</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Contents</span></li>
														<li><a href="list-posts.html">Posts List</a></li>
														<li><a href="list-split-imagery.html">Fullwidth List of Split</a></li>
														<li><a href="single-post.html">Single Post</a></li>
														<li><a href="sidebar.html">Sidebar</a></li>
														<li><a href="search.html">Search Box</a></li>
														<li><a href="contact.html">Contact Form</a></li>
														<li><a href="features.html">Features</a></li>
														<li><a href="pricing.html">Pricing</a></li>
														<li><a href="testimonials.html">Testimonials</a></li>
														<li><a href="multi-items-carousel.html">Easy Multiple Items Carousel</a></li>
														<li><a href="gallery.html">Gallery Normal</a></li>
														<li><a href="gallery-filter.html">Gallery Filterable</a></li>
														<li><a href="gallery-masonry.html">Gallery Masonry</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Web Elements</span></li>
														<li><a href="button.html">Buttons</a></li>
														<li><a href="form.html">Form Elements</a></li>
														<li><a href="form-progress.html">Form Progress</a></li>
														<li><a href="timeline.html">Timeline</a></li>
														<li><a href="slideshow.html">Slideshow</a></li>
														<li><a href="card.html">Card</a></li>
														<li><a href="tabs.html">Tabs</a></li>
														<li><a href="accordion.html">Accordion</a></li>
														<li><a href="counter.html">Counter</a></li>
														<li><a href="video-background.html">Video BG</a></li>
														<li><a href="progress-bar.html">Progress Bar</a></li>
														<li><a href="modal-dialog.html">Modal UI</a></li>
														<li><a href="parallax.html">Parallax</a></li>
														<li><a href="scroll-reveal.html">Scroll Reveal</a></li>     
														<li><a href="periodical-scroll.html">Periodical Scroll</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Interaction</span></li>
														<li><a href="list-posts-with-ajax.html">Ajax Load Posts</a></li>
														<li><a href="list-posts-with-ajax-infinitescroll.html">Infinite Scroll Posts</a></li>
														<li><a href="tooltip.html">Tooltip</a></li>
														<li><a href="show-more-less.html">Show More Less</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>

											
											</ul>

										</li>
										<li><a href="#">Menu</a>
											<ul class="sub-menu">
												<li><a href="mega-menu.html">Mega Menu</a></li>
												<li><a href="mega-menu-rtl.html">Mega Menu(RTL)</a></li>
												<li><a href="onepage-menu.html">Onepage Menu</a></li>
												<li><a href="secondary-responsive-menu.html">Secondary Responsive Menu</a></li>
												<li><a href="dropdown-menu.html">Dropdown Menu</a></li>

											</ul>
											<!-- .sub-menu  end -->
										</li>

										<li><a href="typography.html">Typography</a>
											<ul class="sub-menu">
												<li><a href="typography.html">LTR</a></li>
												<li><a href="typography-rtl.html">RTL</a></li>
												<li><a href="typography-cn.html">中文</a></li>

											</ul>
										</li>



									</ul>
									<div class="menu-right">
										<a title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
											<i class="fa fa-twitter"></i>
										</a>
										<a title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
											<i class="fa fa-facebook"></i>
										</a>
										<a title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
											<i class="fa fa-github"></i>
										</a>        
									</div>
                               
							   </div><!-- /.inner -->
        
                        </nav>
                        <!-- .menu-container end -->
                        
                 
                   
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <h2>Sidebar</h2>
							
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
     

       <!-- Content 02
        ====================================================== -->
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-md-9">
                    
                       
						<div style="height: 3000px;">CONTENT...</div>
                    
                    </div>
                    <!--  .col-md-9  end -->
                    <div class="col-md-3">
                    
                            <!-- Sidebar
                            ========================= -->
                            <div class="sidebar-container" role="complementary">
                            
                      
                            
                                <div class="widget">
                                    <form method="get" class="search-box" action="#">
                                        <label> 
                                            <span class="screen-reader-text">Search for:</span>
                                            <input type="search" class="controls-custom search-field" placeholder="Search &hellip;" value="" name="s" /> 
                                         </label> 
                                         <i class="fa fa-search wp-search-submit"></i> 
                                     </form>
                                </div>
                                
                                <div class="widget widget_categories">
                                    <h3 class="widget-title h5 font-uppercase">Categories</h3>
                                    <div data-target-pjax="1">
                                        <ul class="link-list">
                                            <li class="cat-item cat-item-8"><a href="#">Art Direction</a><span class="cat-item-count">12</span></li>
                                            <li class="cat-item cat-item-4"><a href="#">Discovery</a><span class="cat-item-count">4</span></li>
                                            <li class="cat-item cat-item-3"><a href="#">Featured</a><span class="cat-item-count">4</span></li>
                                            <li class="cat-item cat-item-5"><a href="#">Lifestyle</a><span class="cat-item-count">4</span>
                                                <ul class='children'>
                                                    <li class="cat-item cat-item-7"><a href="#">Events</a><span class="cat-item-count">4</span></li>
                                                    <li class="cat-item cat-item-6"><a href="#">Travel</a><span class="cat-item-count">4</span></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">Tags</h3>
                                    <div class="tagcloud tags-box" data-target-pjax="1">
                                        <a href="#" class="tag-link">Web Design</a>
                                        <a href="#" class="tag-link">Detail</a>
                                        <a href="#" class="tag-link">SEO</a>
                                        <a href="#" class="tag-link">premium theme</a>
                                        <a href="#" class="tag-link">simple</a>
                                        <a href="#" class="tag-link">Soundcloud</a>
                                        <a href="#" class="tag-link">wordpress theme</a>
                                        <a href="#" class="tag-link">Web Design</a>
                                        <a href="#" class="tag-link">Detail</a>
                                        <a href="#" class="tag-link">SEO</a>
                                        <a href="#" class="tag-link">premium theme</a>
                                        <a href="#" class="tag-link">simple</a>
                                        <a href="#" class="tag-link">Soundcloud</a>
                                        <a href="#" class="tag-link">wordpress theme</a>  
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <div id="calendar_wrap" class="calendar_wrap">
                                        <table class="calendar-box"  data-target-pjax="1">
                                            <caption>August 2016</caption>
                                            <thead>
                                                <tr>
                                                    <th scope="col" title="Monday">M</th>
                                                    <th scope="col" title="Tuesday">T</th>
                                                    <th scope="col" title="Wednesday">W</th>
                                                    <th scope="col" title="Thursday">T</th>
                                                    <th scope="col" title="Friday">F</th>
                                                    <th scope="col" title="Saturday">S</th>
                                                    <th scope="col" title="Sunday">S</th>
                                                </tr>
                                            </thead>
                                            <tfoot>
                                                <tr>
                                                    <td colspan="3" id="prev"><a href="#">&laquo; Apr</a></td>
                                                    <td class="pad">&nbsp;</td>
                                                    <td colspan="3" id="next" class="pad">&nbsp;</td>
                                                </tr>
                                            </tfoot>
                                            <tbody>
                                                <tr>
                                                    <td>1</td>
                                                    <td>2</td>
                                                    <td>3</td>
                                                    <td>4</td>
                                                    <td>5</td>
                                                    <td>6</td>
                                                    <td>7</td>
                                                </tr>
                                                <tr>
                                                    <td>8</td>
                                                    <td>9</td>
                                                    <td>10</td>
                                                    <td>11</td>
                                                    <td>12</td>
                                                    <td>13</td>
                                                    <td>14</td>
                                                </tr>
                                                <tr>
                                                    <td>15</td>
                                                    <td>16</td>
                                                    <td>17</td>
                                                    <td>18</td>
                                                    <td>19</td>
                                                    <td>20</td>
                                                    <td>21</td>
                                                </tr>
                                                <tr>
                                                    <td>22</td>
                                                    <td>23</td>
                                                    <td>24</td>
                                                    <td>25</td>
                                                    <td>26</td>
                                                    <td>27</td>
                                                    <td>28</td>
                                                </tr>
                                                <tr>
                                                    <td id="today">29</td>
                                                    <td>30</td>
                                                    <td>31</td>
                                                    <td class="pad" colspan="4">&nbsp;</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">About</h3>
                                    <div class="textwidget">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Qualem igitur hominem natura inchoavit? Non enim, si omnia non sequebatur, idcirco non erat ortus illinc. Quid turpius quam sapientis vitam ex insipientium sermone pendere.</div>
                                </div>
                                
                                
                                <div class="widget">
                                    <h3 class="widget-title h5 font-uppercase">Recent Posts</h3>
                                    <ul class="post-list-box" data-target-pjax-singleFullscreen="1">
                                        <li><a href="#">Making Your Site Retina-Ready</a></li>
                                        <li><a href="#">Hi, The Test Post is Loremipsum</a></li>
                                        <li><a href="#">One Simple Post</a></li>
                                        <li><a href="#">Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt</a></li>
                                        <li><a href="#">Post Formats: Embed Soundcloud</a></li>
                                    </ul>
                                </div>
                                
                                
                                
                                <div class="widget stick-widget">
                                    <h3 class="widget-title h5 font-uppercase">Sticky Posts</h3>
                                    <ul class="post-img-list-box" data-target-pjax-singleFullscreen="1">
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-1.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Making Your Site Retina-Ready</a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-2.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Hi, The Test Post is Loremipsum</a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="item-thumb"><a href="#"><img src="assets-demo/images/test-img-big-3.jpg" alt="" ></a></div>
                                            <div class="item-info">
                                                <div class="item-title">
                                                    <a href="#">Post Formats: Embed Soundcloud </a>
                                                </div>
                                                <div class="item-date">August 29, 2016</div>
                                            </div>
                                        </li>
                                       
                                        
                                        
                                    </ul>
                                </div>
                                            
                                
                               
                                
                                
                            </div>
                             <!-- Sidebar end -->
			
                    
                    
                    </div>
                    <!--  .col-md-3  end --> 
                
                </div>
                <!-- .row  end -->
            
    

                
            </div>
            <!-- .container end -->
 
        </section>
        
		
		
        
        
        
                <!-- Footer
        ============================================= -->    
        <footer class="footer-main-container">
            <div class="container">
				<nav class="pull-left">
					<ul>
						<li>
							<a href="https://uiux.cc">
								UIUX Lab
							</a>
						</li>
						<li>
							<a href="https://opensource.org/licenses/MIT">
								Licenses
							</a>
						</li>
						<li>
							<a href="https://github.com/xizon/uix-kit">
								Download
							</a>
						</li>
					</ul>
				</nav>
				<div class="pull-right">
					Copyright &copy; Uix Kit 2018.  |  All rights reserved. Created by UIUX Lab.
				</div>
              
            </div><!-- .container  end -->
        </footer>
        
        
    </div>
    <!-- .wrapper end -->
       
       
      

    <!-- Basic Script -->
	<script src="assets/js/min/jquery.mousewheel.min.js?ver=3.1.12"></script>
	<script src="assets/js/min/jquery.easing.min.js?ver=1.3"></script>
    <script src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
    <script src="assets/js/min/video.min.js?ver=5.19"></script> 
	<script src="assets/js/min/jquery.waypoints.min.js?ver=4.0.1"></script> 
    <script src="assets/js/min/template7.min.js?ver=1.2.5"></script>

    
    <!-- Slideshow  -->
    <script src="assets/js/min/jquery.flexslider.min.js?ver=2.7.0"></script>
    
    <!-- Masonry -->
    <script src="assets/js/wp-jquery/masonry.min.js?ver=3.3.2"></script>
    <script src="assets/js/wp-jquery/imagesloaded.min.js?ver=4.1.0"></script>

    <!-- Filterable  -->
    <script src="assets/js/min/jquery.shuffle.min.js?ver=3.1.1"></script> 
    
    
    
	<!-- Your Plugins & Theme Scripts
	============================================= -->
	

    
    <!-- Theme Script -->
	<script>
        var wp_theme_custom_root_path = {
			"templateUrl" :"", //If the file is in the root directory, you can leave it empty; if in another directory, you can write: "/blog"
			"homeUrl"     :""  //Eg. https://uiux.cc
		};
    </script>  
    <script src="assets/js/uix-kit.min.js?ver=MTUxOTgwNTQ3OTQxMQ"></script>



	<!-- Your Plugins & Theme Scripts  end -->
    

	<script>
			/* Google analytics */
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-70658525-1', 'auto');
			ga('send', 'pageview');

	</script> 
    
 

  </body>
</html>


